layui.use(['table','form','laydate'],function () {
    var table=layui.table,
        form=layui.form,
        laydate=layui.laydate;
    var $=layui.$;

    //时间选择
    laydate.render({
        elem: '#time'
        // value:new Date().getTime()
    });
    $(function () {

    })
    //得到页面传值 使用encodeURI编码，decodeURI解码，解决中文乱码问题
    var href=String(window.document.location.href);
    var str=href.substring(href.indexOf('?')+1);
    var str1=str.split("&");
    var starSite=decodeURI(str1[0].substring(str1[0].indexOf('=')+1));
    var endSite=decodeURI(str1[1].substring(str1[1].indexOf('=')+1));
    var time=decodeURI(str1[2].substring(str1[2].indexOf('=')+1));
    //设置当前页面相应值
    $('#starSite').val(starSite);
    $('#endSite').val(endSite);
    $('#time').val(time);
    var time1=new Date(time);//将time转化为Dete格式
    //执行一个 table 实例
    table.render({
        elem: '#pay',
        height: 580,//'full-200',
        width: 810,
        url: '/Ticket/trainNumInfo/getAll', //数据接口
        where:{'starSite':starSite,'endSite':endSite,'time':time1},
        title: '购票表',
        text:{none:'未查询到车票信息'},
        page: true ,//开启分页
        limit:5,
        limits:[5,10,15,20],
        cols:
            [[ //表头
                { field: 'id',title: 'ID',fixed: 'left',hide:true},
                { field: 'carId',title: '车辆'},
                { title: '始/终',width:70,templet:function (d) {
                        return '<p style="position: relative;height: 20px;line-height: 20px;color: springgreen;">'+d.starSite+'</p>' +
                            '<p style="height: 20px;margin-top: 0px;line-height: 20px;color: red;">'+d.endSite+'</p>';
                }},
                // { field: 'endSite',title: '到达地点'},
                { title: '出发时间/到达时间',width: 150,
                    templet:function (d) {
                        return '<p style="position: relative;height: 20px;line-height: 20px;color: springgreen;">'+formatDate(d.starTime)+'</p>' +
                            '<p style="height: 20px;margin-top: 0px;line-height: 20px;color: red;">'+formatDate(d.endTime)+'</p>';
                    }},
                // { field: 'endTime',title: '到达时间',
                //     templet:function (d) {
                //         var time=d.endTime;
                //         return formatDate(time);
                //     }},
                { field: 'range',title: '里程',templet:function (d) {
                    return d.range+'公里';
                    }},
                { field: 'money',title: '价格',templet:function (d) {
                    return d.money+'元';
                    }},
                { field: 'popleNum',title: '剩余票数',templet:function (d) {
                    return d.popleNum;
                    }},
                { field: 'remark',title: '途径站'},
                { fixed: 'right', width: 70, align:'center', toolbar: '#barDemo'}
            ]]
    });
    //监听行工具事件
    table.on('tool(paytest)',function (obj) {
        var data=obj.data;
        window.data=data;//添加数据到缓存
        layer.open({
            type:2,
            title:'信息确认',
            area: ['30%','80%'],
            content:'addTicket.html',
            end:function () {
                $(".layui-laypage-btn").click();//刷新表格
            }
        });
    });
    //重新查询
    $('#search').click(function () {
       var starSite=$('#starSite').val();
       var endSite=$('#endSite').val();
       var time1=$('#time').val();
       var time=new Date(time1);
       table.reload('pay',{
           where: { //设定异步数据接口的额外参数，任意设
               'starSite':starSite,'endSite':endSite,'time':time
           }
           ,page: {
               curr: 1 //重新从第 1 页开始
           }
       })
    });
});
//时间戳转换为日期格式
function formatDate(time) {
    var now = new Date(time);
    var year=now.getFullYear();  //取得4位数的年份
    var month=now.getMonth()+1;  //取得日期中的月份，其中0表示1月，11表示12月
    var date=now.getDate();      //返回日期月份中的天数（1到31）
    var hour=now.getHours();     //返回日期中的小时数（0到23）
    var minute=now.getMinutes(); //返回日期中的分钟数（0到59）
    var second=now.getSeconds(); //返回日期中的秒数（0到59）
    return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}
